<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8">
	<title>账单一览</title>
	<script type="application/javascript" src="/static/js/common.js"></script>
	<style>
		.weui-form-preview{
			margin-top: 10px;
		}
	</style>
</head>
<body>
	<div class="weui-pull-to-refresh__layer">
		<div class='weui-pull-to-refresh__arrow'></div>
		<div class='weui-pull-to-refresh__preloader'></div>
		<div class="down">下拉刷新</div>
		<div class="up">释放刷新</div>
		<div class="refresh">正在刷新</div>
	</div>
	<header class='app-header'>
		<h1 class="app-title">账单查看</h1>
	</header>
	<div class="app-content app-bg">
		<div class="weui-form-preview">
			<div class="weui-form-preview__hd">
				<label class="weui-form-preview__label">金额</label>
				<em class="weui-form-preview__value">¥2400.00</em>
			</div>
			<div class="weui-form-preview__bd">
				<div class="weui-form-preview__item">
					<label class="weui-form-preview__label">admin</label>
					<span class="weui-form-preview__value"><span class="">+￥</span>100</span>
				</div>
				<div class="weui-form-preview__item">
					<label class="weui-form-preview__label">root</label>
					<span class="weui-form-preview__value"><span class="">-￥</span>15</span>
				</div>
				<div class="weui-form-preview__item">
					<label class="weui-form-preview__label">小三</label>
					<span class="weui-form-preview__value"><span class="">-￥</span>20</span>
				</div>
			</div>
		</div>
		<div class="weui-form-preview">
			<div class="weui-form-preview__hd">
				<label class="weui-form-preview__label">金额</label>
				<em class="weui-form-preview__value">¥2400.00</em>
			</div>
			<div class="weui-form-preview__bd">
				<div class="weui-form-preview__item">
					<label class="weui-form-preview__label">admin</label>
					<span class="weui-form-preview__value"><span class="">+￥</span>100</span>
				</div>
				<div class="weui-form-preview__item">
					<label class="weui-form-preview__label">root</label>
					<span class="weui-form-preview__value"><span class="">-￥</span>15</span>
				</div>
				<div class="weui-form-preview__item">
					<label class="weui-form-preview__label">小三</label>
					<span class="weui-form-preview__value"><span class="">-￥</span>20</span>
				</div>
			</div>
		</div>
	</div>
<script type="application/javascript">
	$(document.body).pullToRefresh(function () {
		// 下拉刷新触发时执行的操作放这里。
		// 从 v1.1.2 版本才支持回调函数，之前的版本只能通过事件监听
	});

	//当下拉刷新的动作触发的时候，会在容器上触发一个 pull-to-refresh 事件.
	$(document.body).on("pull-to-refresh", function() {
		//do something
	});

	$(document.body).pullToRefreshDone();
</script>
</body>
</html>
